<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>后台登录</title>
<meta name="author" content="DeathGhost" />
<link rel="stylesheet" type="text/css" href ="/shopadmin/css/style.css" />
<style>
body{height:100%;background:#16a085;overflow:hidden;}
canvas{z-index:-1;position:absolute;}
</style>
<script src = "/shopadmin/js/jquery.js"></script>
<script src = "/shopadmin/js/verificationNumbers.js"></script>
<script src = "/shopadmin/js/Particleground.js"></script>
<script>
$(document).ready(function() {
  //粒子背景特 效
  $('body').particleground({
    dotColor: '#5cbdaa',
    lineColor: '#5cbdaa'
  });
  //验证码
  createCode();
  //测试提交，对接程序删除即可
  // $(".submit_btn").click(function(){
   //  location.href = "shopadmin/index.html";
   //  });
   });
</script>
</head>
<body>
<dl class="admin_login">
 <dt>
  <strong>站点后台管理系统</strong>
  <em>Management System</em>
 </dt>
   <form method="POST" action="/shop/login">
        {!! csrf_field() !!}
            <!-- {{Session::get('info')}} -->
            <!-- @if(session('username'))
            <div class="mws-form-message error">
              {{session('username')}}
            </div>
            @endif -->
     <dd class="user_icon">
      <input type="text" placeholder="账号" name="sname" value="{{ old ('sname')}}" class="login_txtbx"/>
     </dd>
     <dd class="pwd_icon">
      <input type="password" placeholder="密码" name="password" value="{{old('password')}}" class="login_txtbx"/>
     </dd>
     <dd class="val_icon">
      <div class="checkcode" style="width:299px">
        <input type="text" id="J_codetext" name="code" placeholder="验证码" maxlength="5" class="login_txtbx">
        <a onclick="javascript:re_captcha();" ><img src="/img?tmp=1" style="float:right; width:173px;height:42px" class="J_codeimg" id="myCanvas" /></a>
      </div>
     </dd>
     <dd>
      <input type="submit" value="立即登录" class="submit_btn"/>
     </dd>
   </form>
 <dd>
  <p>© 2017-2018 DeathGhost 版权所有</p>
  <p>京B2-20080224-1</p>
 </dd>
</dl>
</body>
</html>
<script>  
  function re_captcha() {
    $url = "/img?tmp=1";
        $url = $url + "?tmp" + Math.random();
        document.getElementById('myCanvas').src=$url;
  }
</script>